<div class="page-wiper eqmessage">
	<div id="googleMap"></div>
</div>
<script type="text/javascript">

	//init map

	function initMap() {
			var lat = parseFloat($('#lat').val());
			var lon = parseFloat($('#lon').val());
			var uluru = {lat: lat, lng: lon};
			console.log(uluru);
	        var map = new google.maps.Map(document.getElementById('googleMap'), {
	          zoom:9,
	          center:uluru,
	          mapTypeControl:false,
	          streetViewControl: false,
	          scaleControl: false,
	          zoomControl: false,
	          draggable:false,
	          scrollwheel:false
	        });
	        var marker = new google.maps.Marker({
	          position: uluru,
	          map: map
	        });
	        var infowindow = new google.maps.InfoWindow({
		    content: '<div class="mapinfo"><label>地震地点</label>&nbsp&nbsp<span>{$data["eqname"]."[".$data["eqlat"]."°N,".$data["eqlon"]."°E"."]"}</span></div><div class="mapinfo"><label>地震时间</label>&nbsp&nbsp<span>{$data["eqtime"]}</span></div><div class="mapinfo"><label>地震震级</label>&nbsp&nbsp<span>{$data["eqmagn"]}</span></div><div class="mapinfo"><label>预估烈度</label>&nbsp&nbsp<span>{$data["eqint"]}度</span></div><div class="mapinfo"><label>震源深度</label>&nbsp&nbsp{$data["eqdepth"]}</span></div>'
		  });
		    infowindow.open(map, marker);
	      };
</script>
<script async defer src="http://maps.google.cn/maps/api/js?key=AIzaSyCbLfKHIBp1w36w3y04cK92v2uYNUuO9OU&callback=initMap"></script>